@keyframes guang {
    0% {
        transform: translate(0);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        transform: translateY(.2344rem);
        opacity: 0;
    }
}
.guang-cont {
    position: absolute;
    width: .0104rem;
    height: .1042rem;
    background: #01a2cd;
    top: 20%;
    left: 56.8%;
    border-radius: 50%;
    opacity: 1;
    animation: guang 2s linear infinite;

}
@keyframes guang1 {
    0% {
        transform: translate(0) rotate(90deg);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translateX(-0.4688rem) rotate(90deg);
        opacity: 0;
    }
}




.guang-cont1 {
    top: 29.4%;
    left: 56%;
    opacity: 1;
    animation: guang1 2s linear infinite;
}

@keyframes guang2 {
    0% {
        transform: translate(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.1042rem);
        opacity: 0;
    }
}

.guang-cont2 {
    top: 31%;
    left: 42.3%;
    animation: guang2 3s linear infinite;
    opacity: 1;

}

@keyframes guang3 {
    0% {
        transform: translate(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.1042rem);
        opacity: 0;
    }
}
.guang-cont3 {
    top: 30%;
    left: 56.5%;
    animation: guang3 3s linear infinite;

}

@keyframes guang4 {
    0% {
        transform: translate(0)rotate(90deg);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateX(.9375rem) rotate(90deg);
        opacity: 0;
    }
}
.guang-cont4 {
    top: 29.3%;
    left: 57%;
    opacity: 1;
    animation: guang4 2s linear infinite;

}
@keyframes guang5 {
    0% {
        transform: translate(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.1563rem);
        opacity: 0;
    }
}
.guang-cont5 {
    top: 32%;
    left: 71%;
    opacity: 1;
    animation: guang5 3s linear infinite;

}
@keyframes guang6 {
    0% {
        transform: translate(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.1563rem);
        opacity: 0;
    }
}
.guang-cont6 {
    top: 32%;
    left: 85.1%;
    opacity: 1;
    animation: guang6 3s linear infinite;

}
@keyframes guang7 {
    0% {
        transform: translate(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.3646rem);
        opacity: 0;
    }
}
.guang-cont7 {
    top: 22%;
    left: 16%;
    opacity: 1;
    animation: guang7 3s linear infinite;

}
@keyframes guang8 {
    0% {
        transform: translate(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.3646rem);
        opacity: 0;
    }
}
.guang-cont8 {
    top: 46%;
    left: 16%;
    opacity: 1;
    animation: guang8 3s linear infinite;

}
@keyframes guang9 {
    0% {
        transform: translate(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.9771rem);
        opacity: 0;
    }
}
.guang-cont9 {
    top: 50%;
    left: 56.8%;
    opacity: 1;
    animation: guang9 1s linear infinite;

}
@keyframes guang10 {
    0% {
        transform: translate(0)rotate(90deg);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateX(-0.3125rem)rotate(90deg);
        opacity: 0;
    }
}
.guang-cont10 {
    top: 78.6%;
    left: 56.8%;
    opacity: 1;
    transform: rotate(90deg);
    animation: guang10 2s linear infinite;

}
@keyframes guang11 {
    0% {
        transform: translate(0)rotate(90deg);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateX(.3125rem)rotate(90deg);
        opacity: 0;
    }
}
.guang-cont11 {
    top: 78.6%;
    left: 56.8%;
    opacity: 1;
    transform: rotate(90deg);
    animation: guang11 2s linear infinite;

}

@keyframes guang12 {
    0% {
        transform: translate(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.2604rem);
        opacity: 0;
    }
}
.guang-cont12 {
    top: 2.1209rem;
    left: 1.5654rem;
    opacity: 1;
    animation: guang12 3s linear infinite;

}

@keyframes guang13 {
    0% {
        transform: translate(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.2604rem);
        opacity: 0;
    }
}
.guang-cont13 {
    top: 2.1209rem;
    left: 2.2254rem;
    opacity: 1;
    animation: guang13 3s linear infinite;

}

@keyframes guang14 {
    0% {
        transform: translate(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.2604rem);
        opacity: 0;
    }
}
.guang-cont14 {
    top: 1.4209rem;
    left: 2.3654rem;
    opacity: 1;
    animation: guang14 3s linear infinite;

}
@keyframes guang15 {
    0% {
        transform: translate(0) rotate(90deg);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateX(-0.2604rem) rotate(90deg);
        opacity: 0;
    }
}

.guang-cont15 {
    top: 1.5109rem;
    left: 2.3654rem;
    opacity: 1;
    transform: rotate(90deg);
    animation: guang15 2s linear infinite;

}

@keyframes guang16 {
    0% {
        transform: translate(0) rotate(90deg);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateX(.2604rem) rotate(90deg);
        opacity: 0;
    }
}
.guang-cont16 {
    top: 1.5109rem;
    left: 2.3654rem;
    opacity: 1;
    transform: rotate(90deg);
    animation: guang16 2s linear infinite;

}
@keyframes guang17 {
    0% {
        transform: translate(0) ;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.1563rem);
        opacity: 0;
    }
}
.guang-cont17 {
    top: 1.5109rem;
    left: 2.6654rem;
    opacity: 1;
    animation: guang17 2s linear infinite;

}
@keyframes guang18 {
    0% {
        transform: translate(0) ;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.1563rem);
        opacity: 0;
    }
}
.guang-cont18 {
    top: 1.5109rem;
    left: 2.0454rem;
    opacity: 1;
    animation: guang18 2s linear infinite;

}

@keyframes guang19 {
    0% {
        transform: translate(0) ;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.2604rem);
        opacity: 0;
    }
}
.guang-cont19 {
    top: 1.379rem;
    left: 1.4104rem;
    opacity: 1;
    animation: guang19 2s linear infinite;

}
@keyframes guang20 {
    0% {
        transform: translate(0)rotate(90deg) ;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateX(.2604rem) rotate(90deg);
        opacity: 0;
    }
}
.guang-cont20 {
    top: 56.2%;
    left: 42%;
    opacity: 1;
    transform: rotate(90deg);
    animation: guang20 2s linear infinite;

}
@keyframes guang21 {
    0% {
        transform: translate(0)rotate(90deg) ;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateX(-0.2604rem) rotate(90deg);
        opacity: 0;
    }
}
.guang-cont21 {
    top: 56%;
    left: 42%;
    opacity: 1;
    transform: rotate(90deg);
    animation: guang21 2s linear infinite;

}
@keyframes guang22 {
    0% {
        transform: translate(0) ;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.1042rem) ;
        opacity: 0;
    }
}
.guang-cont22 {
    top: 57%;
    left: 33%;
    opacity: 1;
    animation: guang23 2s linear infinite;

}
@keyframes guang23 {
    0% {
        transform: translate(0) ;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    
    100% {
        transform: translateY(.1042rem) ;
        opacity: 0;
    }
}
.guang-cont23 {
    top: 57%;
    left: 52%;
    opacity: 1;
    animation: guang23 2s linear infinite;

}

